<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>修改密码</title>
  <style>
    body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial; margin:0; background:#f7f8fa;}
    .wrap{max-width:560px; margin:0 auto; padding:24px;}
    .card{background:#fff; border-radius:12px; padding:24px; box-shadow:0 2px 10px rgba(0,0,0,.06);} 
    h1{font-size:20px; margin:0 0 16px;} 
    .item{margin-bottom:14px;} 
    .item label{display:block; font-size:14px; color:#555; margin-bottom:6px;} 
    .item input{width:100%; height:40px; padding:0 12px; border:1px solid #ddd; border-radius:8px; font-size:16px;} 
    .btn{width:100%; height:44px; border:0; border-radius:8px; color:#fff; background:#1677ff; font-size:16px;}
    a.back{display:block; text-align:center; margin:14px; color:#999; text-decoration:none;}
  </style>
</head>
<body>
<div class="wrap">
  <div class="card">
    <h1>修改密码</h1>
    {if isset($error) && $error}
    <div style="background:#fff1f0;color:#a8071a;border:1px solid #ffa39e;border-radius:8px;padding:8px 12px;margin-bottom:12px;">{$error}</div>
    {/if}
    <form method="post" action="{:request()->url()}">
      <div class="item">
        <label>原密码</label>
        <input name="old_password" type="password" maxlength="50" placeholder="请输入原密码" required />
      </div>
      <div class="item">
        <label>新密码</label>
        <input name="new_password" type="password" maxlength="50" placeholder="至少6位" required />
      </div>
      <div class="item">
        <label>确认新密码</label>
        <input name="re_password" type="password" maxlength="50" placeholder="请再次输入新密码" required />
      </div>
      <button class="btn" type="submit">提 交</button>
    </form>
    <a class="back" href="{:url('center')}">返回</a>
  </div>
</div>
</body>
</html>

